<!DOCTYPE html>
<html lang="en">
<html>
    <head>
        <meta name="description" content="页面布局_Web语义化">
        
    <body>
        
        <h6>语义化的作用：适应</h6>
        <h1 style="color:red;">web前端设计与开发</h1><!-- 内联样式优先级最高，除非有充足的理由，
                                                        否则就别用。发现可以有在大设定下条局部细节的作用 -->
        <p class="cla">
            建议合乎W3C的标准
        </p>
        <link href="14.css" rel="stylesheet" type="text/css">

            <h1>
                CSS简单运行演示
            </h1>
            <P>
                规则
            </P>

            <h3 id="idxuanzeqi">优先级</h3>
            
            <p>
                内联样式>内部样式>外部样式
            </p>
            <h5>
                jjj
            </h5>
            <style>
                h1{
                color: aliceblue;
                }
            </style>
            <p class="special">并集选择器</p>
            <div>
                <a href="https://mooc1.chaoxing.com/mycourse/studentstudy?chapterId=121083110&courseId=201316960&clazzid=60286701&cpi=151208386&enc=beec0b7aa1bc2707dec1e05252522127&mooc2=1&openc=fa4e816f74049daa25d294ad651e838c">个人空间</a>
                <br>
            </div>
            


        </body>
        
    </head>
</html>